<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,
     user-scalable=no"/>
    <title>Title</title>


    <link rel="stylesheet" href="task4-1.css">
    <script  src = '../state-machine.js'></script>

</head>
<body>
<div class="header">
    <div class="return" onclick="backspace()"></div>
    <div style="font-size: 19px;color: white;">法官台本</div>
    <div class="close" id="off"></div>
</div>
<main class="main-d">
    <div id="bout" >

    <h4 class="m-day">
        <span class="h-day">第一天</span>
    </h4>



        <ul class="day-s">
            <li class="superscript"></li>
            <li class="day">
                <span class="moon">
                    <img alt="#" src="../images/moon.png">
                </span>
                <span class="sun">
                    <img alt="#" src="../images/sun.png">
                </span>
            </li>


            <li class="first kill" id="result">
                <span>杀手杀人</span>
                <span class="triangle"></span>
            </li>
            <li class="killer"></li>


            <li class="first talk">
                <span>亡灵发表遗言</span>
                <span class="triangle"></span>
            </li>


            <li class="first speak">
                <span>玩家依次发言</span>
                <span class="triangle"></span>
            </li>


            <li class="first vote">
                <span>全民投票</span>
                <span class="triangle"></span>
            </li>

        </ul>
    </div>
    </main>

        <footer>
            <button >结束游戏</button>
            <button >法官投票</button>
        </footer>

















<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
<script src="task4-1.js"></script>
<script  src = '../state-machine.js'></script>
</body>
</html>